<template>
  <div bg-white pa-20px border-rd-20px relative>
    <div flex justify-between>
      <div flex items-center>
        <img
          v-if="props.res.data.img"
          w-18px
          h-20px
          mr-10px
          :src="props.res.data.img"
          alt=""
        />
        <div>{{ props.res.data.title }}</div>
      </div>
      <div flex items-center color-gray>更多 <icon-right /></div>
    </div>
    <img
      v-if="props.res.data.title"
      src="../assets/func_list.png"
      w-full
      alt=""
    />
    <!-- <div text-center class="title" cursor-pointer @click="handleClick(item, index)" v-for="(item, index) in props.res.data.category"
      :key="index">
      <div>
        <div font-bold text-16px
          :style="{ color: current === index ? props.res.data.activeTColor : props.res.data.titleColor }">{{ item.title
          }}
        </div>
        <div text-12px mt-8px font-bold
          :style="{ color: current === index ? props.res.data.activeDColor : props.res.data.descColor }">{{ item.desc }}
        </div>
      </div>
    </div> -->
  </div>
</template>

<script setup lang="ts">
import tpl_goods_only from './tpl_goods_only.vue'
import { ref } from 'vue'
const props = defineProps<{
  res: any
}>()

const current = ref<number>(0)

function handleClick(val: any, index: number) {
  current.value = index
}
</script>

<style scoped>
.title {
  width: 25%;
}
</style>
